webpack从入门到精通（一）

2016-06-17

读书笔记

什么是webpack

事实上它是一个打包工具，而不是像RequireJS或SeaJS这样的模块加载器，通过使用Webpack，能够像Node.js一样处理依赖关系，然后解析出模块之间的依赖，将代码打包

webpack安装步骤

首先得有Node.js
其次全局安装webpack
```
npm install -g webpack
```
在项目目录中安装webpack和插件
```
npm install —save-dev webpack
```
配置webpack

webpack配置

默认使用webpack.config.js

var path = require('path');
module.exports = {
    entry:'./jsx/app.jsx',
    output:{
        path: path.join(__dirname , "/build"),
        filename:'app.js'
    },
    module:{
        loaders:[
            {
                test:/\.(js|jsx)$/,
                loaders:['babel'],
                exclude:[path.join(__dirname , "/build")]
            }
        ]
    }
};

其中entry是入口文件，output是编译后输出文件，module中loaders是解析操作

##未完待续